#references-bg {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
    z-index: 0;
    transform: translateX(-30%)
}

#references-wrapper {
    display: flex;
    flex-direction: column;
    background-color: rgba(33, 15, 63, 0.521);
    transform: translateY(-9.01vh);
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: -9.00vh;

}

#parallel-divs {
    display: grid;
}


@media screen and (orientation: landscape) {
    #parallel-divs {
        grid-template-columns: 1fr 2vw 1fr;
    }
    .embedded {
        width: 35vw;
        height: 70vh;
    }
    #references-wrapper {
        width: 70vw;
    }
}

@media screen and (orientation: portrait) {
    #parallel-divs {
        grid-template-rows: 1fr 2vh 1fr;
    }

    .embedded {
        width: 100%;
        height: 50vh;
    }

    #references-wrapper {
        width: 80vw;
        padding-left: 10%;
    }
}

#parallel-divs div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.embedded {
    border-radius: 2vh;
    box-shadow: rgba(8, 4, 29, 0.926) 1px 1px 10px;
    border: none;
}

#content-refs p, #image-refs p {
    text-shadow: rgba(8, 4, 29, 0.863) 1px 1px 4px;
    overflow-wrap: break-word;
}